<script setup>
    const router = useRouter()
    onMounted(() => {
        console.log(toRaw(router)); 
        console.log('IPage mounted')
    })

    onUnmounted(() => {
        
        console.log(toRaw(router)); 
        console.log('IPage unmounted')
    })
</script>

<template>
    <div class="i-page">
        <slot></slot>
    </div>
</template>

<style scoped>
.i-page {
    position: absolute;
    width: 100%;
    height: 100%;
}
</style>